/* eslint-disable @typescript-eslint/explicit-module-boundary-types */
/* eslint-disable react/jsx-no-literals */
import * as React from 'react';
import Table from '@mui/material/Table';
import TableBody from '@mui/material/TableBody';
import TableCell from '@mui/material/TableCell';
import TableContainer from '@mui/material/TableContainer';
import TableHead from '@mui/material/TableHead';
import TableRow from '@mui/material/TableRow';
import Paper from '@mui/material/Paper';

function createData (
  name: string,
  calories: string,
  fat: number,
  carbs: string,
  protein: string,
) {
  return { name, calories, fat, carbs, protein };
}

const rows = [
  createData('YY001', '2023-07-01', 2021114514, '脑瘫', '是'),
  createData('YY002', '2023-07-02', 2021114515, '肺癌', '否'),
  createData('YY003', '2023-07-03', 2021114516, '气管炎', '是'),
  createData('YY004', '2023-07-04', 2021114517, '新冠肺炎', '否'),
  createData('YY005', '2023-07-05', 2021114518, '瘫痪', '是'),
];
export default function History () {
  return (
    <><div style={{ margin: '20px' }}>
      <TableContainer component={Paper}>
        <Table
          sx={{ minWidth: 'calc(100vw - 277px)', }}
          aria-label="simple table">
          <TableHead>
            <TableRow>
              <TableCell>图片编号</TableCell>
              <TableCell align="right">拍摄日期</TableCell>
              <TableCell align="right">患者ID</TableCell>
              <TableCell align="right">诊断结果</TableCell>
              <TableCell align="right">是否出院</TableCell>
            </TableRow>
          </TableHead>
          <TableBody>
            {rows.map((row) => (
              <TableRow
                key={row.name}
                sx={{ '&:last-child td, &:last-child th': { border: 0 } }}
              >
                <TableCell
                  component="th"
                  scope="row">
                  {row.name}
                </TableCell>
                <TableCell align="right">{row.calories}</TableCell>
                <TableCell align="right">{row.fat}</TableCell>
                <TableCell align="right">{row.carbs}</TableCell>
                <TableCell align="right">{row.protein}</TableCell>
              </TableRow>
            ))}
          </TableBody>
        </Table>
      </TableContainer></div></>
  );
}